<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" type="text/css" href="static/css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="static/font-awesome-4.7.0/css/font-awesome.css" />
		<title>饿了么</title>
		<style type="text/css">
			html {
				font-family: "Helvetica Neue", Tahoma, Arial, PingFangSC-Regular, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
			}
			
			html,
			body {
				width: 100%;
				height: 100%;
				overflow-x: hidden;

			}
			
			a {
				text-decoration: none;
			}
			/* 清除浮 动*/
			*{
				box-sizing: border-box;
			}
			.fix {
				*zoom: 1;
			}
			
			.fix:after {
				display: table;
				content: '';
				clear: both;
			}
			/* float */
			
			.l {
				float: left;
			}
			
			.r {
				float: right;
			}
			/* clear */
			
			.cl {
				clear: both;
			}
			
			@media screen and (min-width: 375px) {
				html {
					/* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
					font-size: calc(100% + 2 * (100vw - 375px) / 39);
					font-size: calc(16px + 2 * (100vw - 375px) / 39);
				}
			}
			
			@media screen and (min-width: 414px) {
				html {
					/* 414px-1000px每100像素宽字体增加1px(18px-22px) */
					font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
					font-size: calc(18px + 4 * (100vw - 414px) / 586);
				}
			}
			
			@media screen and (min-width: 600px) {
				html {
					/* 600px-1000px每100像素宽字体增加1px(20px-24px) */
					font-size: calc(125% + 4 * (100vw - 600px) / 400);
					font-size: calc(20px + 4 * (100vw - 600px) / 400);
				}
			}
			
			@media screen and (min-width: 1000px) {
				html {
					/* 1000px往后是每100像素0.5px增加 */
					font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
					font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
				}
			}
			
			.pgroot {
				width: 100%;
				height: calc(100vh - 70px);
				overflow-y: scroll;
			}
			/* 加载更多图标*/
			
			.loading-icon {
				text-align: center;
				font-size: 2rem;
				margin: 0;
			}
		</style>
	</head>

	<body>
		<div id="app"></div>
		<!-- built files will be auto injected -->
	</body>

</html>